<!DOCTYPE html>
<html>
<head>
    <meta name="layout" content="main"/>
    <g:set var="entityName" value="${message(code: 'account.label', default: 'account')}"/>
    <title>楼盘评分</title>
    %{--<asset:javascript src="echarts/echarts.js"/>--}%
    <asset:javascript src="echarts/echarts-all-3.js" />
    <asset:javascript src="newMap/libs/ol/ol.js" type="text/javascript" />
    <g:link href="../../assets/javascripts/newMap/libs/ol/ol.css" rel="stylesheet" type="text/css" />
    <asset:javascript src="newMap/libs/ol/xdmap.js" type="text/javascript" />
    <asset:javascript src="newMap/mapQuery/mapQuery.js"/>

    <style>
    .distance > .row {
        margin-bottom: 10px;
    }
    .m{
        margin: 25px 15px 25px 15px;
    }
    #sixStart{
        width:100%;
        height:240px;
        text-align: center;
    }
    #sixStarta{
        width:100%;
        height:240px;
        text-align: center;
    }
    #sixStart2{
        width:100%;
        height:240px;
        text-align: center;
    }
    .Tabactive{
        background: #fff;
        border:none;
        color: #60CA1F;
        border: 2px solid #60CA1F;
    }
    .facilities{
        max-width: 420px;
        float: right;
        margin-right: 20px;
        position: absolute;
        right: 20px;
        z-index: 99;
    }
    #mapQuery{
        width: 100%;
        height: 600px;
        position: absolute;
        z-index: 99;
    }
    .second-floor{
        padding: 10px;
        width: 95%;
        margin: 0 auto;
        border-bottom: 1px solid #EFEFEF;
    }
    .second-floor>a{
        padding: 11px 14px;
        font-size: 16px;
        color: #666666;
        font-weight: normal;
        margin-left: -10px;
    }
    .second-floor-active{
        color: #60CA1F!important;
        border-bottom: 1px solid #60CA1F;
    }
    .first-tab{
        float: left;
        padding: 6px 19px;
        background: #F1F1F1;
        color: #666!important;
        font-size: 16px;
        height: 50px;
        line-height: 37px;
    }
    .first-tabActive{
        float: left;
        background: #fff;
        padding: 5px 19px;
        border-top: 2px solid #60CA1F;
        color: #60CA1F!important;
        font-size: 16px;
        height: 50px;
        line-height: 37px;
    }
    .first-tab:hover{
        float: left;
        background: #fff;
        padding: 5px 19px;
        border-top: 2px solid #60CA1F;
        color: #60CA1F!important;
        font-size: 16px;
        height: 50px;
        line-height: 37px;
    }
    .row-content{
        margin-top: 10px;
        overflow-y: auto;
        max-height: 490px;
    }
    .row-detail{
        padding: 10px 0 10px 20px;
    }
    .row-detail:hover{
        background: #f6f6f6;
    }
    .row-information{
        display: flex;
    }
    .row-information>div>span>img{
        margin-top: -3px;
        margin-right: 5px;
    }
    .row-info{
        width: 70%;
        padding-top: 8px;
        padding-left: 27px;
        padding-right: 16px;
        font-size: 16px;
        color: #A8A8A8;
        font-weight: normal;
    }
    .right-distance{
        /*margin-left: 160px;*/
    }
    .row-font-color{
        font-size: 16px;
        color: #333333;
        font-weight: normal;
    }
    .row-font-name{
        max-width: 80%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 16px;
        color: #333333;
        font-weight: normal;
        margin-top: -3px;
    }
    .pull-left1{
        width: 70%;
        float: left!important;
    }
    .pull-right1{
        width: 30%;
        float: right!important;
        margin-top: -4px;
    }
    .tab-content{
        background: #fff;
        height:543px;
    }
    .div-gismap{
        height:30px;
        border: 1px solid #FF9000;
        border-radius: 6px;
        text-align: center;
        line-height: 30px;
        color: #333;
        background: #fff;
        padding: 0 10px;
    }
    .triangle-down{
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 12px solid #FF9000;
        margin-left: 43%;
    }
    .noData{
        display: block;
        margin: 0 auto;
        padding: 40px 0px;
    }
    .distanceFont{
        margin-top: 20px;
    }
    </style>
</head>

<body class="fixed-navbar fixed-sidebar">
<div class="small-header">
    <div class="hpanel">
        <div class="panel-body">
            <div id="hbreadcrumb" class="pull-right">
                <ol class="hbreadcrumb breadcrumb">
                    <li>CINDATA PLS</li>
                    <li class="active">
                        <span>楼盘评分</span>
                    </li>
                </ol>
            </div>

            <h2 class="font-light m-b-xs">
                楼盘评分
            </h2>
        </div>
    </div>
</div>
    
<div class="content animate-panel">

    <g:if test="${params.status == '已发布' || params.status == '已处置'}">
        <div class="row col-md-12">
            <div class="hpanel hgreen" style="">
                <div class="panel-heading">
                    <div class="panel-tools">
                        <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                    </div>
                    小区预警
                </div>

                <div class="panel-body">
                    <div class="col-md-12 text-center">
                        <g:if test="${params.status == '已处置'}">
                            <div class="col-md-3">
                                <h3 class="font-extra-bold m-b-xs">
                                    <small style="font-size: 16px;">预警处置 : </small>
                                    <span class="unitPrice" style="color: #62CB31">楼盘风险</span>
                                </h3>
                                <p><small style="color: #62CB31">小于3分</small></p>
                            </div>
                        </g:if>
                        <g:else>
                            <div class="col-md-3">
                                <h3 class="font-extra-bold m-b-xs">
                                    <small style="font-size: 16px;">楼盘风险 : </small>
                                    <span style="color: #62CB31"><g:formatNumber number="${communityScore}" type="number" minFractionDigits="1" maxFractionDigits="1"/></span>
                                    <small class="newFontSize"></small>
                                </h3>
                            </div>
                        </g:else>

                        <div class="col-md-3" style="width: 20%">
                            <h3 class="font-extra-bold m-b-xs text-center">
                                <small style="font-size: 16px;">小区名称 :</small>
                                <span class="">${community?.communityName}</span>
                                <small class="newFontSize"></small>
                            </h3>
                        </div>
                        <div class="col-md-3" style="width: 20%">
                            <h3 class="font-extra-bold m-b-xs">
                                <small style="font-size: 16px;">建筑结构 : </small>
                                <span class="unitPrice">${community?.buildingType ? community?.buildingType : '--'}</span>
                                <small class="newFontSize"></small>
                            </h3>

                        </div>
                        <div class="col-md-3" style="width: 20%">
                            <h3 class="font-extra-bold m-b-xs">
                                <small style="font-size: 16px;">建成年份 : </small>
                                <span class="unitPrice">${community?.buildYear ? community?.buildYear + ' 年' : '--'}</span>
                                <small class="newFontSize"></small>
                            </h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </g:if>

    %{--小区信息--}%
    <div class="row">
        <div class="hpanel">
            <div class="col-md-12">
                <div class="hpanel hgreen">

                    <div class="panel-heading">
                        <div class="panel-tools">
                            <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                        </div>
                        小区信息
                    </div>

                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-3 border-right">
                                <div class="text-center">
                                    <h4>
                                        ${community?.communityName}
                                    </h4>

                                    <div>
                                        <h1 class="font-extra-bold m-t-xl m-b-xs text-success">
                                            <g:if test = "${communityScore == ".0"}"> -</g:if>
                                            <g:else> <g:formatNumber number="${communityScore}" type="number" minFractionDigits="1" maxFractionDigits="1"/></g:else>
                                            <small class="text-success">/5.0</small>
                                        </h1>
                                        <h6 class="m-t-xl">${community?.address}</h6>
                                    </div>

                                    %{--<div class="small m-t-xl" style="display: flex;align-items: center;justify-content: center;">--}%
                                        %{--<i class="pe-7s-clock" style="margin-right: 4px; font-weight: bold; font-size: 14px;"></i>数据更新于：2018-01-02--}%
                                    %{--</div>--}%
                                </div>
                            </div>
                            <div class="col-md-3 border-right" style="padding: 0;" id="">
                                <div id="pieEcharts" style="width: 100%; height: 240px; text-align: center;"></div>
                            </div>
                            <div class="col-md-3 border-right">
                                <div class="hpanel">
                                    %{--one--}%
                                    <div class="row" style="margin-bottom: 5px;">

                                        <div class="col-xs-7 col-xs-offset-1">
                                            <h5>${community?.buildingType ? community?.buildingType : '--'}</h5>
                                            <small class="stat-label">建筑形式</small>

                                        </div>
                                        <div class="col-xs-4">
                                            <h5>${community?.totalBuildingCount ? community?.totalBuildingCount + ' 栋' : '--'}</h5>
                                            <small class="stat-label">总楼栋数</small>
                                        </div>

                                    </div>
                                    %{--two--}%
                                    <div class="row" style="margin-bottom: 5px;">
                                        <div class="col-xs-7 col-xs-offset-1">
                                            <h5>${community?.buildingstructureName && community?.buildingstructureName != 'null' ? community?.buildingstructureName : '--'}</h5>
                                            <small class="stat-label">建筑结构</small>
                                        </div>



                                        <div class="col-xs-4">
                                            <h5>${community?.totalHouseHoldCount ? community?.totalHouseHoldCount + ' 户' : '--'}</h5>
                                            <small class="stat-label">总户数</small>
                                        </div>
                                    </div>
                                    %{--three--}%
                                    <div class="row" style="margin-bottom: 5px;">
                                        <div class="col-xs-7 col-xs-offset-1">
                                            <h5>${community?.pmfee ? community?.pmfee + ' 元/(月·平方米)' : '--'}</h5>
                                            <small class="stat-label">物业费</small>
                                        </div>
                                        <div class="col-xs-4">
                                            <h5>${community?.plotratio ? community?.plotratio : '--'}</h5>
                                            <small class="stat-label">容积率</small>

                                        </div>

                                    </div>
                                    %{--four--}%
                                    <div class="row" style="margin-bottom: 5px;">
                                        <div class="col-xs-7 col-xs-offset-1">
                                            <h5>${community?.developer ? community?.developer : '--'}</h5>
                                            <small class="stat-label">开发商</small>
                                        </div>
                                        <div class="col-xs-4">
                                            <h5>${community?.buildYear ? community?.buildYear + ' 年' : '--'}</h5>
                                            <small class="stat-label">建成年份</small>
                                        </div>
                                    </div>
                                    %{--five--}%
                                    <div class="row" style="margin-bottom: 5px;">
                                        <div class="col-xs-11 col-xs-offset-1">
                                            <h5>${community?.propertyManagementCompany ? community?.propertyManagementCompany : '--'}</h5>
                                            <small class="stat-label">物业公司</small>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <g:link controller="estate" action="index" params="[communityId:communityId]">
                                <div class="col-md-3">
                                    <div class="hpanel">
                                        <h5>小区押品</h5>
                                        <div class="m-t-xl">

                                            <div class="row">
                                                <div class="col-xs-8">
                                                    <h3 style="margin-bottom: 0"><g:formatNumber number="${avgUnitPrice}"
                                                                                                 type="number" minFractionDigits="2"
                                                                                                 maxFractionDigits="2"/><small>元/平方米</small>
                                                    </h3>
                                                    <small>押品均价</small>
                                                </div>

                                                <div class="col-xs-4 text-right">
                                                    <h3 style="margin-bottom: 0"><g:formatNumber
                                                            number="${(avgCltv ? avgCltv : 0) * 100}"
                                                            type="number" minFractionDigits="2" maxFractionDigits="2"/>%</h3>
                                                    <small>平均动态抵押率</small>
                                                </div>
                                            </div>

                                            <div class="m">
                                                <g:if test="${ community?.totalHouseHoldCount}">
                                                    <div class="progress m-t-xs full progress-striped active">
                                                        <div style="width: <g:formatNumber
                                                                number="${((estateCount ? estateCount : 0) / community?.totalHouseHoldCount) * 100}"
                                                                type="number" minFractionDigits="2" maxFractionDigits="2"/>%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="90"
                                                             role="progressbar" class=" progress-bar progress-bar-success">
                                                            <g:formatNumber
                                                                    number="${((estateCount ? estateCount : 0) / community?.totalHouseHoldCount) * 100}"
                                                                    type="number" minFractionDigits="2" maxFractionDigits="2"/>％
                                                        </div>
                                                    </div>
                                                </g:if>
                                                <g:else>
                                                    <div class="progress m-t-xs full progress-striped active">
                                                        <div style="width: 0%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="90"
                                                             role="progressbar" class=" progress-bar progress-bar-success">-％
                                                        </div>
                                                    </div>
                                                </g:else>
                                            </div>
                                            <div class="row">
                                                <div class="col-xs-8">
                                                    <small>押品覆盖率</small>

                                                    <g:if test="${ community?.totalHouseHoldCount}">
                                                        <h3 style="margin-top: 0"><g:formatNumber
                                                                number="${((estateCount ? estateCount : 0) / community?.totalHouseHoldCount) * 100}"
                                                                type="number" minFractionDigits="2" maxFractionDigits="2"/>%</h3>
                                                    </g:if>
                                                    <g:else>
                                                        <h3 style="margin-top: 0">-%</h3>
                                                    </g:else>
                                                </div>

                                                <div class="col-xs-4 text-right">
                                                    <small>押品数量</small>

                                                    <h3 style="margin-top: 0">${estateCount?estateCount:'-'}</h3>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </g:link>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    %{--流动性评分 小区配套评分--}%
    <div class="col-md-4">
        <div class="hpanel">
            <div class="hpanel hgreen">

                <div class="panel-heading">
                    <div class="panel-tools">
                        <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                    </div>
                    流动性评分
                </div>

                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-12" id="echartScreen">
                            <div id="sixStart"></div>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="text-center">
                                <h1 class="font-extra-bold  m-b-xs text-success distanceFont">
                                    <g:if test = "${liquidityScore == ".0"}"> -</g:if>
                                    <g:else> <g:formatNumber number="${liquidityScore}" type="number" minFractionDigits="1" maxFractionDigits="1"/></g:else>
                                    <small class="text-success">/5.0</small>
                                </h1>


                                <div>
                                    <h4 class="m-t-xl">
                                        流动性评分
                                    </h4>
                                    <h6 class="" style="margin: 0 auto; margin-top: 60px; width: 75%;">流动性评分基于成交、挂牌、法拍数据，经由流动性评分模型计算得出，它将流动性度量为具体分值，分值越高，流动性越好。</h6>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="hpanel">
            <div class="hpanel hgreen">

                <div class="panel-heading">
                    <div class="panel-tools">
                        <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                    </div>
                    小区配套评分
                </div>

                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-12" id="echartScreen_1">
                            <div id="sixStarta"></div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="text-center">
                                <h1 class="font-extra-bold  m-b-xs text-success distanceFont">
                                    <g:if test = "${communitySurroundingScore == ".0"}"> -</g:if>
                                    <g:else> <g:formatNumber number="${communitySurroundingScore}" type="number" minFractionDigits="1" maxFractionDigits="1"/></g:else>
                                    <small class="text-success">/5.0</small>
                                </h1>


                                <div>
                                    <h4 class="m-t-xl">
                                        小区配套评分
                                    </h4>
                                    <h6 class="" style="margin: 0 auto; margin-top: 60px; width: 75%;">小区配套评分基于小区物业、绿化、房龄、周边配套设施等数据，经由配套评分模型计算得出，它将小区配套度量为具体分值，分值越高，小区配套品质越好。</h6>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="hpanel">
            <div class="hpanel hgreen">

                <div class="panel-heading">
                    <div class="panel-tools">
                        <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                    </div>
                    自然环境评分
                </div>

                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-12" id="echartScreen_2">
                            <div id="sixStart2"></div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="text-center">
                                <h1 class="font-extra-bold  m-b-xs text-success distanceFont">
                                    <g:if test = "${natureScore == ".0"}"> -</g:if>
                                    <g:else> <g:formatNumber number="${natureScore}" type="number" minFractionDigits="1" maxFractionDigits="1"/></g:else>
                                    <small class="text-success">/5.0</small>
                                </h1>


                                <div>
                                    <h4 class="m-t-xl">
                                        自然环境评分
                                    </h4>
                                    <h6 class="" style="margin: 0 auto; margin-top: 60px; width: 75%;">自然环境评分主要考虑周边噪声源、空气污染以及具有净化能力的风景区等，分值越高，污染影响越小。</h6>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    %{--成交与挂牌--}%
    <div class="row">
        <div class="hpanel">

            <div class="col-md-12">
                <div class="hpanel hgreen">

                    <div class="panel-heading">
                        <div class="panel-tools">
                            <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                        </div>
                        成交与挂牌

                    </div>

                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-3 border-right" >
                                <h5>成交量</h5>
                                <div class="m-t-xl">
                                    <div class="row">
                                        <div class="col-xs-6">
                                            <h3 style="margin-bottom: 0">${saleCount ? saleCount : '-'}</h3>
                                            <small>近半年成交量</small>
                                        </div>

                                        <div class="col-xs-6 text-right">
                                            <h3 style="margin-bottom: 0">
                                                <g:if test = "${saleCycle}">
                                                    <g:formatNumber number="${saleCycle }" type="number" minFractionDigits="0" maxFractionDigits="0"/>
                                                </g:if>
                                                <g:else>-</g:else> 天</h3>
                                            <small>成交周期</small>
                                        </div>
                                    </div>

                                    <div class="m">
                                        <g:if test="${community?.totalHouseHoldCount}">
                                            <div class="progress m-t-xs full progress-striped active">
                                                <div style="width: <g:formatNumber
                                                        number="${((saleCount ? saleCount : 0) / community?.totalHouseHoldCount) * 100}"
                                                        type="number" minFractionDigits="2" maxFractionDigits="2"/>%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="20"
                                                     role="progressbar" class=" progress-bar progress-bar-success">
                                                    <g:formatNumber
                                                            number="${((saleCount ? saleCount : 0) / community?.totalHouseHoldCount) * 100}"
                                                            type="number" minFractionDigits="2" maxFractionDigits="2"/>％
                                                </div>
                                            </div>
                                        </g:if>
                                        <g:else>
                                            <div class="progress m-t-xs full progress-striped active">
                                                <div style="width: 0%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="90"
                                                     role="progressbar" class=" progress-bar progress-bar-success">
                                                    -％
                                                </div>
                                            </div>
                                        </g:else>
                                    </div>


                                    <div class="row">
                                        <div class="col-xs-6">
                                            <small>总户数</small>

                                            <h3 style="margin-top: 0">${community?.totalHouseHoldCount ? community?.totalHouseHoldCount : '-'}</h3>
                                        </div>

                                        <div class="col-xs-6 text-right">
                                            <small>成交率</small>
                                            <g:if test="${community?.totalHouseHoldCount}">
                                                <h3 style="margin-top: 0"><g:formatNumber
                                                        number="${((saleCount ? saleCount : 0) / community?.totalHouseHoldCount) * 100}"
                                                        type="number" minFractionDigits="2" maxFractionDigits="2"/>%</h3>
                                            </g:if>
                                            <g:else>
                                                <h3 style="margin-top: 0">-%</h3>
                                            </g:else>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="col-md-6 border-right">
                                <div id="main" style="width: 100%;height:283px;"></div>
                                %{--<canvas id="lineOptions_1"  height="100"></canvas>--}%
                            </div>
                            <div class="col-md-3">
                                <h5>挂牌量</h5>
                                <div class="m-t-xl">

                                    <div class="row">
                                        <div class="col-xs-12">
                                            <h3 style="margin-bottom: 0">${listingCount}</h3>
                                            <small>上月挂牌量</small>
                                        </div>
                                    </div>

                                    <div class="m">
                                        <div class="progress m-t-xs full progress-striped active">
                                            <g:if test="${community?.totalHouseHoldCount}">
                                                <div style="width: <g:formatNumber
                                                        number="${((listingCount ? listingCount : 0) / community?.totalHouseHoldCount) * 100}"
                                                        type="number" minFractionDigits="2" maxFractionDigits="2" />%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="90"
                                                     role="progressbar" class=" progress-bar progress-bar-success">
                                                    <g:formatNumber
                                                            number="${((listingCount ? listingCount : 0) / community?.totalHouseHoldCount) * 100}"
                                                            type="number" minFractionDigits="2" maxFractionDigits="2"/>％
                                                </div>
                                            </g:if>
                                            <g:else>
                                                <div style="width: 0%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="90"
                                                     role="progressbar" class=" progress-bar progress-bar-success">
                                                    -％
                                                </div>
                                            </g:else>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-xs-6">
                                            <small>总户数</small>

                                            <h3 style="margin-top: 0">${community?.totalHouseHoldCount ? community?.totalHouseHoldCount : '-'}</h3>
                                        </div>

                                        <div class="col-xs-6 text-right">
                                            <small>挂牌率</small>

                                            <g:if test = "${community?.totalHouseHoldCount}">
                                                <h3 style="margin-top: 0"><g:formatNumber
                                                        number="${((listingCount ? listingCount : 0) / community?.totalHouseHoldCount) * 100}"
                                                        type="number" minFractionDigits="2" maxFractionDigits="2"/>%</h3>
                                            </g:if>
                                            <g:else>
                                                <h3 style="margin-top: 0">-%</h3>
                                            </g:else>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>
    %{--法拍--}%
    <div class="row">
        <div class="hpanel">

            <div class="col-md-12">
                <div class="hpanel hgreen">

                    <div class="panel-heading">
                        <div class="panel-tools">
                            <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                        </div>
                        法拍
                    </div>

                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-3 border-right">
                                <div class="hpanel">
                                    <h5>法拍价格</h5>
                                    <div class="m-t-xl">

                                        <div class="row">
                                            <div class="col-xs-12">
                                                <g:if test = "${score?.averageForeclosurePrice }">
                                                    <h3 style="margin-bottom: 0"><g:formatNumber
                                                            number="${score?.averageForeclosurePrice}"
                                                            type="number" minFractionDigits="0" maxFractionDigits="0"/><small>元/每平方米</small></h3>
                                                </g:if>
                                                <g:else>
                                                    <h3 style="margin-bottom: 0">-<small>元/每平方米</small></h3>
                                                </g:else>
                                                <small>法拍均价</small>
                                            </div>

                                        </div>

                                        <div class="m">
                                            <div class="progress m-t-xs full progress-striped active">
                                                <g:if test="${averPrice}">
                                                    <div style="width: <g:formatNumber
                                                            number="${((score?.averageForeclosurePrice ? score?.averageForeclosurePrice : 0) / averPrice * 100)}"
                                                            type="number" minFractionDigits="2" maxFractionDigits="2" />%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="90"
                                                         role="progressbar" class=" progress-bar progress-bar-success">
                                                        <g:formatNumber
                                                                number="${((score?.averageForeclosurePrice ? score?.averageForeclosurePrice : 0) / averPrice * 100)}"
                                                                type="number" minFractionDigits="2" maxFractionDigits="2" />％
                                                    </div>
                                                </g:if>
                                                <g:else>
                                                    <div style="width: 0%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="90"
                                                         role="progressbar" class=" progress-bar progress-bar-success">
                                                        -％
                                                    </div>
                                                </g:else>

                                            </div>
                                        </div>


                                        <div class="row">
                                            <div class="col-xs-8">
                                                <small>小区均价</small>

                                                <g:if test = "${averPrice}">
                                                    <h3 style="margin-top: 0"><g:formatNumber
                                                            number="${averPrice }"
                                                            type="number" minFractionDigits="0" maxFractionDigits="0" /><small>元/每平方米</small></h3>
                                                </g:if>
                                                <g:else>
                                                    <h3 style="margin-top: 0">-<small>元/每平方米</small></h3>
                                                </g:else>
                                            </div>

                                            <div class="col-xs-4 text-right" style="padding-left: 0;">
                                                <small>折价</small>
                                                <g:if test="${averPrice}">
                                                    <h3 style="margin-top: 0;"><g:formatNumber
                                                            number="${((score?.averageForeclosurePrice ? score?.averageForeclosurePrice : 0) / averPrice * 100)}"
                                                            type="number" minFractionDigits="2" maxFractionDigits="2" />％</h3>
                                                </g:if>
                                                <g:else>
                                                    <h3 style="margin-top: 0;">-％</h3>
                                                </g:else>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 border-right">
                                <div id="main_2" style="width: 100%;height:283px;"></div>
                                %{--<canvas id="lineOptions_1"  height="100"></canvas>--}%
                            </div>
                            <div class="col-md-3">
                                <div id="main_1" style="width: 100%;height:283px;"></div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
    %{--周边配套--}%
<div class="row"   <g:if test ="${!community?.cityCode}">style="display:none"</g:if> >
        <div class="hpanel">

            <div class="col-md-12">
                <div class="hpanel hgreen">

                    <div class="panel-heading">
                        <div class="panel-tools">
                            <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                        </div>
                        周边配套
                    </div>

                    <div class="panel-body" style="height: 640px;">
                        <div class="row">
                            %{--地图--}%
                            <div id="mapQuery" style="width: 98%;height: 600px; margin-left: 10px;">
                                <div class="facilities">
                                    <div class="text-center clearfix" id="wizardControl">
                                        <a class="first-tab first-tabActive" href="#step1" data-toggle="tab">教育</a>
                                        <a class="first-tab" href="#step2" data-toggle="tab">交通</a>
                                        <a class="first-tab" href="#step3" data-toggle="tab">医疗</a>
                                        <a class="first-tab" href="#step4" data-toggle="tab">购物</a>
                                        <a class="first-tab" href="#step5" data-toggle="tab">生活</a>
                                        <a class="first-tab" href="#step6" data-toggle="tab">娱乐</a>
                                    </div>

                                    <div class="tab-content">
                                        <div id="step1" class="tab-pane active">
                                            <div class="second-floor">
                                                <a href="" class="second-floor-active">小学</a>
                                                <a href="">中学</a>
                                                <a href="">幼儿园</a>
                                            </div>
                                            <div class="row-content">

                                            </div>
                                        </div>
                                        <div id="step2" class="tab-pane">
                                            <div class="second-floor">
                                                <a href="" class="second-floor-active">地铁</a>
                                                <a href="">公交</a>
                                            </div>
                                            <div class="row-content">

                                            </div>
                                        </div>
                                        <div id="step3" class="tab-pane">
                                            <div class="second-floor">
                                                <a href="" class="second-floor-active">医院</a>
                                            </div>
                                            <div class="row-content">

                                            </div>
                                        </div>
                                        <div id="step4" class="tab-pane">
                                            <div class="second-floor">
                                                <a href="" class="second-floor-active">商场</a>
                                                <a href="" >超市</a>
                                            </div>
                                            <div class="row-content">

                                            </div>
                                        </div>
                                        <div id="step5" class="tab-pane">
                                            <div class="second-floor">
                                                <a href="" class="second-floor-active">银行</a>
                                            </div>
                                            <div class="row-content">

                                            </div>
                                        </div>
                                        <div id="step6" class="tab-pane">
                                            <div class="second-floor">
                                                <a href="" class="second-floor-active">公园</a>
                                            </div>
                                            <div class="row-content">

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
%{--周边配套tab切换--}%
<script>
    %{--城市编号、小区id--}%
    var cityId = ${community?.cityCode};
    var communityId =${communityId};
    function gisMap(tabButton,secondHtml,n,src,cityId,communityId){
        mapQuery.addLy(tabButton, secondHtml,n,src,cityId,communityId);
    }
    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        var _that = $(this).attr("href");
        var firstHtml = $(this).html();
        var secondHtml = $(_that + ' .second-floor-active').html();
        $('a[data-toggle="tab"]').removeClass('first-tabActive');
        $('a[data-toggle="tab"]').addClass('first-tab');
        $(this).removeClass('first-tab');
        $(this).addClass('first-tabActive');
        gisMap(firstHtml,secondHtml,2,'',cityId,communityId);
    })
    //  二级切换
    $("body").on("click",".second-floor>a",function () {
        var tabActive = $('#wizardControl .first-tabActive').html();
        var solidTab = $(this).html();
        $(this).addClass("second-floor-active").siblings().removeClass("second-floor-active");
        gisMap(tabActive,solidTab,2,'',cityId,communityId);
    })

    $("body").on("click",".row-detail",function () {
        var id = $(this).attr('type');
        var src = $(this).attr('src');
        mapQuery.changeStyle(id,src)

    })
    $("body").on("mouseover",".row-detail",function () {
        var id = $(this).attr('type');
        var src = $(this).attr('src');
        mapQuery.changeStyleNoLocation(id,src)
    })

    $("body").on("mouseleave",".row-detail",function () {
        var id = $(this).attr('type');
        var src = $(this).attr('src');
        $('.'+id+' div').hide();
        $('.'+id+' p').hide();
        $('.'+id+' h6').css('background-image', 'url('+$('.'+id+' h6').attr('oldsrc')+')');

    })
</script>
%{--环状图--}%
%{--<script type="text/javascript">--}%

    %{--var myChart = echarts.init(document.getElementById('pieEcharts'));--}%
    %{--var dataStyle = {--}%
        %{--normal: {--}%
            %{--label: {show:false},--}%
            %{--labelLine: {show:false}--}%
        %{--}--}%
    %{--};--}%
    %{--var placeHolderStyle = {--}%
        %{--normal : {--}%
            %{--color: 'rgba(0,0,0,0)',--}%
            %{--label: {show:false},--}%
            %{--labelLine: {show:false}--}%
        %{--},--}%
        %{--emphasis : {--}%
            %{--color: 'rgba(0,0,0,0)'--}%
        %{--}--}%
    %{--};--}%
    %{--var option = {--}%
        %{--title: {--}%
            %{--x: 'center',--}%
            %{--y: 'center',--}%
            %{--itemGap: 20,--}%
            %{--textStyle : {--}%
                %{--color : 'rgba(30,144,255,0.8)',--}%
                %{--fontFamily : '微软雅黑',--}%
                %{--fontSize : 35,--}%
                %{--fontWeight : 'bolder'--}%
            %{--}--}%
        %{--},--}%
        %{--tooltip : {--}%
            %{--show: true,--}%
            %{--//formatter: ""{b} : {c}""--}%
            %{--formatter: function(params){--}%
                %{--if(params['name'] == 'N'){--}%
                    %{--return ""--}%
                %{--}else{--}%
                    %{--return params['name']+" : "+(params['value']/20).toFixed(1)--}%
                %{--}--}%
            %{--}--}%
        %{--},--}%
        %{--legend: {--}%
            %{--orient : 'vertical',--}%
            %{--x : 'center',--}%
            %{--y : 'center',--}%
            %{--itemGap:12,--}%
            %{--data:['流通性评分','小区配套评分']--}%
        %{--},--}%
        %{--series : [--}%
            %{--{--}%
                %{--name:'1',--}%
                %{--type:'pie',--}%
                %{--clockWise:false, //饼图的扇区是否是顺时针排布--}%
                %{--radius : [85, 110],--}%
                %{--itemStyle : dataStyle,--}%
                %{--data:[--}%
                    %{--{--}%
                        %{--value:${liquidityScore} * 20,  //乘20--}%
                    %{--name:'流通性评分',--}%
        %{--itemStyle :{--}%
        %{--normal : {--}%
            %{--color: '#6FCF42'--}%
        %{--}--}%
    %{--}--}%
    %{--},--}%
    %{--{--}%
        %{--value:100-${liquidityScore}*20, //100减data[0].value--}%
            %{--name:'N',--}%
        %{--itemStyle : placeHolderStyle--}%
    %{--}--}%
    %{--]--}%
    %{--},--}%
    %{--{--}%
        %{--name:'2',--}%
            %{--type:'pie',--}%
        %{--clockWise:false,--}%
        %{--radius : [60, 85],--}%
        %{--itemStyle : dataStyle,--}%
        %{--data:[--}%
        %{--{--}%
            %{--value:${communitySurroundingScore} * 20,--}%
        %{--name:'小区配套评分',--}%
        %{--itemStyle :{--}%
        %{--normal : {--}%
            %{--color: '#A3E186'--}%
        %{--}--}%
    %{--}--}%
    %{--},--}%
        %{--{--}%
            %{--value:100-${communitySurroundingScore}*20,--}%
                %{--name:'N',--}%
            %{--itemStyle : placeHolderStyle--}%
        %{--}--}%
    %{--]--}%
    %{--}--}%

    %{--]--}%
    %{--};--}%
    %{--myChart.setOption(option);--}%

%{--</script>--}%
%{--总评分--}%
<script type="text/javascript">
    var myChart = echarts.init(document.getElementById('pieEcharts'));
    var option = {
        title: {
//            text: '基础雷达图'
        },
        tooltip: {},
        legend: {
            data: ['楼盘评分']
        },
        radar: {
            // shape: 'circle',
            name: {
                textStyle: {
                    color: '#000',
                    backgroundColor: '#fff',
                    borderRadius: 3,
                    padding: [-20,-20,-20,-20]
                }
            },
            center:['50%','55%'],
            indicator: [
                { name: '流通性评分', max: 5.0},
                { name: '小区配套评分', max: 5.0},
                { name: '自然环境评分', max: 5.0}
            ]
        },
        series: [{
//          name: '预算 vs 开销（Budget vs spending）',
            type: 'radar',
            itemStyle: {
                normal: {
                    color : "#d5ebcf", // 图表中各个图区域的边框线拐点颜色 浅绿
                    lineStyle: {
                        color:"#62cb31" // 图表中各个图区域的边框线颜色 深绿
                    },
                    areaStyle: {
//                        type: 'default'
                    }
                }
            },
            data : [
                {
                    // symbol: "none",  去掉图表中各个图区域的边框线拐点
                    value : [${liquidityScore},${communitySurroundingScore},${natureScore}],
                    name : '楼盘评分'
                }
            ]
        }]
    };
    myChart.setOption(option);

</script>

%{--雷达图--}%
<script type="text/javascript">
    var myChart = echarts.init(document.getElementById('sixStart'));
    var option = {
        title: {
//            text: '基础雷达图'
        },
        tooltip: {},
        legend: {
            data: ['流通性评分']
        },
        radar: {
            // shape: 'circle',
            name: {
                textStyle: {
                    color: '#000',
                    backgroundColor: '#fff',
                    borderRadius: 3,
                    padding: [-20,-20,-20,-20]
                }
            },
            center:['50%','55%'],
            indicator: [
                { name: '成交率', max: 5.0},
                { name: '成交周期', max: 5.0},
                { name: '挂牌率', max: 5.0},
                { name: '折价比例', max: 5.0},
                { name: '法拍次数', max: 5.0}
            ]
        },
        series: [{
//          name: '预算 vs 开销（Budget vs spending）',
            type: 'radar',
            itemStyle: {
                normal: {
                    color : "#d5ebcf", // 图表中各个图区域的边框线拐点颜色 浅绿
                    lineStyle: {
                        color:"#62cb31" // 图表中各个图区域的边框线颜色 深绿
                    },
                    areaStyle: {
//                        type: 'default'
                    }
                }
            },
            data : [
                {
                    // symbol: "none",  去掉图表中各个图区域的边框线拐点
                    value : ${scoreArr},
                    name : '流通性评分'
                }
            ]
        }]
    };
    myChart.setOption(option);

    window.onresize = function(){
        var echartsBoxWidth = $("#echartScreen").width();
        var echartsBoxHeight = $("#echartScreen").height();
        var echartsWidth = $("#sixStart").width();
        var echartsHeight = $("#sixStart").height();
        echartsWidth = echartsBoxWidth
        echartsHeight = echartsBoxHeight
        myChart.resize();
    }

</script>
%{--雷达图1--}%
<script type="text/javascript">
    var myCharta = echarts.init(document.getElementById('sixStarta'));
    var optiona = {
        title: {
//            text: '基础雷达图'
        },
        tooltip: {},
        legend: {
            data: ['小区配套评分']
        },
        radar: {
            // shape: 'circle',
            name: {
                textStyle: {
                    color: '#000',
                    backgroundColor: '#fff',
                    borderRadius: 3,
                    padding: [-20,-20,-20,-20]
                }
            },
            center:['50%','55%'],
            indicator: [
                { name: '是否学区', max: 5.0},
                { name: '交通', max: 5.0},
                { name: '房龄', max: 5.0},
                { name: '医院', max: 5.0},
                { name: '商城', max: 5.0},
                { name: '绿化率', max: 5.0},
                { name: '容积率', max: 5.0},
                { name: '公园', max: 5.0},
                { name: '物业费', max: 5.0},
                { name: '超市', max: 5.0},
                { name: '银行', max: 5.0}
            ]
        },
        series: [{
//          name: '预算 vs 开销（Budget vs spending）',
            type: 'radar',
            itemStyle: {
                normal: {
                    color : "#d5ebcf", // 图表中各个图区域的边框线拐点颜色 浅绿
                    lineStyle: {
                        color:"#62cb31" // 图表中各个图区域的边框线颜色 深绿
                    },
                    areaStyle: {
//                        type: 'default'
                    }
                }
            },
            data : [
                {
                    // symbol: "none",  去掉图表中各个图区域的边框线拐点
                    value : ${surroudArr},
                    name : '小区配套评分'
                }
            ]
        }]
    };
    myCharta.setOption(optiona);


</script>

%{--雷达图2--}%
<script type="text/javascript">
    var myChartn = echarts.init(document.getElementById('sixStart2'));
    var optionn = {
        title: {
//            text: '基础雷达图'
        },
        tooltip: {},
        legend: {
            data: ['自然环境评分']
        },
        radar: {
            // shape: 'circle',
            name: {
                textStyle: {
                    color: '#000',
                    backgroundColor: '#fff',
                    borderRadius: 3,
                    padding: [-20,-20,-20,-20]
                }
            },
            center:['50%','55%'],
            indicator: [
                { name: '景区', max: 5.0},
                { name: '噪音污染', max: 5.0},
                { name: '空气污染', max: 5.0}
            ]
        },
        series: [{
//          name: '预算 vs 开销（Budget vs spending）',
            type: 'radar',
            itemStyle: {
                normal: {
                    color : "#d5ebcf", // 图表中各个图区域的边框线拐点颜色 浅绿
                    lineStyle: {
                        color:"#62cb31" // 图表中各个图区域的边框线颜色 深绿
                    },
                    areaStyle: {
//                        type: 'default'
                    }
                }
            },
            data : [
                {
                    // symbol: "none",  去掉图表中各个图区域的边框线拐点
                    value : ${natureArr},
                    name : '自然环境评分'
                }
            ]
        }]
    };
    myChartn.setOption(optionn);


</script>
%{--柱状图面积图--}%
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));

    // 指定图表的配置项和数据
    var option = {
        title: {
//            text: 'Topic'
// 副标题        ,subtext: '随机数'
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['成交量','挂牌量','成交周期']
        },
        toolbox: {
            show: false,
            feature: {
                dataView: {
                    readOnly: false
                },
                restore: {},
                saveAsImage: {}
            }
        },
        dataZoom: {
            show: false,
            start: 0,
            end: 100
        },
        xAxis: [{
            type: 'category',
            boundaryGap: true
        }],
        yAxis: [{
            type: 'value',
            scale: true,
            name: '单位:套',

            min: 0,
            boundaryGap: false
// 坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。boundaryGap: ['20%', '20%']
        },
//            双y轴
//            {
//            type: 'value',
//            scale: true,
//            name: '单位:天',
//            min: 0,
//            boundaryGap: false
//        }
        ],
        series: [{
            name: '成交量',
            type: 'line',
            xAxisIndex: 0,
            yAxisIndex: 0,
            smooth:true,
            // itemStyle成为面积图的关键。
            itemStyle: {normal: {
                color:'#ecebe6',
                areaStyle: {type: 'default'},
                lineStyle:{color:'#ecebe6'}
            }},
            areaStyle: {// 实现蓝白渐变色
                normal: {
                    color: ['#ecebe6']
                }
            }
        },{
            name: '挂牌量',
            type: 'line',
            xAxisIndex: 0,
//            双y轴
//            yAxisIndex: 1,
            smooth:true,
            // itemStyle成为面积图的关键。
            itemStyle: {normal: {
                color:'#95cf7a',
                areaStyle: {type: 'default'},
                lineStyle:{color:'#95cf7a'}
            }},
            areaStyle: {// 实现蓝白渐变色
                normal: {
                    color: ['#95cf7a']
                }
            }
        }]
    };
    //    setInterval(function() {
    //        axisData = (new Date()).toLocaleTimeString().replace(/^\D*/, '');
    //
    //        var data0 = option.series[0].data;
    //        var data1 = option.series[1].data;
    //        var data2 = option.series[2].data;
    //        data0.shift();
    //        data0.push(Math.round(Math.random() * 1000));
    //        data1.shift();
    //        data1.push((Math.random() * 10 + 5).toFixed(1) - 0);
    //        data2.shift();
    //        data2.push((Math.random() * 10 + 5).toFixed(1) - 0);
    //
    //        option.xAxis[0].data.shift();
    //        option.xAxis[0].data.push(axisData);
    var arr = [];
    var a ="${trendNetlistDate}".replace("[","").replace("]","").split(",")
    $.each(a,function(){
        arr.push(this.toString())
    })
    option.xAxis[0].data = arr
    //    console.log(arr)
    option.series[0].data=${communityTrendSaleData}
        option.series[1].data=${trendNetlistData}
            //option.series[2].data=[0,0,0,0,0,0,0,0,0,0,0,0]
            myChart.setOption(option);
    //    }, 200);

</script>
%{--法拍均价双面积图--}%
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart2 = echarts.init(document.getElementById('main_2'));

    // 指定图表的配置项和数据
    var option2 = {
        title: {
//            text: 'Topic'
// 副标题        ,subtext: '随机数'
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
//        03/26注释
//            data: ['法拍均价','小区均价']
            data: ['','小区均价']
        },
        toolbox: {
            show: false,
            feature: {
                dataView: {
                    readOnly: false
                },
                restore: {},
                saveAsImage: {}
            }
        },
        dataZoom: {
            show: false,
            start: 0,
            end: 100
        },
        xAxis: [{
            type: 'category',
            boundaryGap: true,
            data: (function() {
                var now = new Date();
                var res = [];
                var len = 10;
                while (len--) {
                    res.unshift(now.toLocaleTimeString().replace(/^\D*/, ''));
                    now = new Date(now - 2000);
                }
                return res;
//                ['1月','2月','3月','4月','5月','6月','7月']
            })()
        }],
        yAxis: [{
            type: 'value',
            scale: true,
            name: '单位:元',
            boundaryGap: false
// 坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。boundaryGap: ['20%', '20%']
        }
        ],
        series: [{
            name: '法拍均价',
            type: 'line',
            smooth:true,
            // itemStyle成为面积图的关键。
            itemStyle: {normal: {
                color:'#ecebe6',
                areaStyle: {type: 'default'},
                lineStyle:{color:'#ecebe6'}
            }},
            areaStyle: {// 实现蓝白渐变色
                normal: {
                    color: ['#ecebe6']
                }
            },
            data: (function() {
                var res = [];
                var len = 0;
                while (len < 10) {
                    res.push(null);
                    len++;
                }
                return res;
            })()
        },{
            name: '小区均价',
            type: 'line',
            smooth:true,
            // itemStyle成为面积图的关键。
            itemStyle: {normal: {
                color:'#95cf7a',
                areaStyle: {type: 'default'},
                lineStyle:{color:'#95cf7a'}
            }},
            areaStyle: {// 实现蓝白渐变色
                normal: {
                    color: ['#95cf7a']
                }
            },
            data: (function() {
                var res = [];
                var len = 0;
                while (len < 10) {
                    res.push(null);
                    len++;
                }
                return res;
            })()
        }]
    };

    //    setInterval(function() {
    var arr1 = [];
    var a1 ="${trendNetlistDate}".replace("[","").replace("]","").split(",")
    $.each(a1,function(){
        arr1.push(this.toString())
    })
    option2.xAxis[0].data = arr1
    axisData = (new Date()).toLocaleTimeString().replace(/^\D*/, '');
    //        03/26注释
    //        option2.series[0].data = [0,0,0,0,0,0,0,0,0,0,0,0,0]
    option2.series[1].data = ${trendPriceCommunityData}
//        option2.xAxis[0].data =['2017-10','2017-11','2017-12','2018-01','2018-02']
//        data1.shift();
//        data1.push((Math.random() * 10 + 5).toFixed(1) - 0);
//        data2.shift();
//        data2.push((Math.random() * 10 + 5).toFixed(1) - 0);
//
//        option2.xAxis[0].data.shift();

        myChart2.setOption(option2);
    //    }, 2000);
</script>
%{--仪表盘--}%
<script>

    var myChart_1 = echarts.init(document.getElementById('main_1'));
    var option_1 = {
        title: {
            text: "法拍平均次数",
            x: "center",
//            top: 40,
            textStyle:{
                //文字颜色
                color:'#6A6C6F',
                //字体风格,'normal','italic','oblique'
                fontStyle:'normal',
                //字体粗细 'normal','bold','bolder','lighter',100 | 200 | 300 | 400...
                fontWeight:'bold',
                //字体系列
                // fontFamily:'sans-serif',
                //字体大小
                fontSize:18
            }
        },
        tooltip: {
            // formatter: "{a} <br/>{b} : {c}%"
            formatter: "{a} : {c}"
        },

        series: [{
            name: "法拍平均次数",
            type: "gauge",
            startAngle: 180,
            endAngle: 0,
            min:0,
            max:4,
            center: ["50%", "65%"],
            axisLine: {            // 坐标轴线
                lineStyle: {       // 属性lineStyle控制线条样式
                    color: [[0.25,'#A3E186'],[0.50,'#89D864'],[0.75,'#6FCF42'],[1, '#62cb31']],
                    width: 100
                }
            },
            axisTick: {
                splitNumber: 0
            },
            axisLabel: {
                formatter: function(e) {
                    switch (e + "") {
                        case "10":
                            return "低";
                        case "50":
                            return "中";
                        case "90":
                            return "高";
                        default:
                            return ""
                    }
                },
                textStyle: {
                    color: "#fff",
                    fontSize: 15,
                    fontWeight: "bolder"
                }
            },
            pointer: {
                width: "5",
                color: "black"
            },
            itemStyle: {
                normal: {
                    color: "rgba(255, 255, 255, 0.8)",
                    shadowBlur: 10
                }
            },
            title: {
                show: !0,
                offsetCenter: [0,40],
                textStyle: {
                    color: "#fff"

                }
            },
            detail: {
                show: !0,
                backgroundColor: "rgba(0,0,0,0)",
                borderWidth: 0,
                borderColor: "#ccc",
                offsetCenter: [0, 50],
                // formatter: "{value}%",
                textStyle: {
                    color:'#555'
                }
            },
            data: [{
                value: ${score?.averageForeclosureNumber ? score?.averageForeclosureNumber : 0},
                name: "一拍"
            }]
        }]
    };
    myChart_1.setOption(option_1);
    var a =${communityScore};
    var center = [${community?.arcgisX},${community?.arcgisY}];
    mapQuery.init(cityId,16,center);

</script>
<script>
    $(function () {
        toastr.options = {
            "closeButton": true,
            "debug": false,
            "newestOnTop": false,
            "progressBar": false,
            "positionClass": "toast-top-center",
            "preventDuplicates": false,
            "onclick": null,
            "showDuration": "300",
            "hideDuration": "1000",
            "timeOut": "3000",
            "extendedTimeOut": "1000",
            "showEasing": "swing",
            "hideEasing": "linear",
            "showMethod": "fadeIn",
            "hideMethod": "fadeOut"
        };
        if(a == ".0"){
            toastr.error('数据获取失败……请联系管理员或尝试刷新页面！');
        }
    })
</script>
</body>
</html>
